<!DOCTYPE html>
<html lang="en">
	<head>
	 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	</head>
 				<div class="media">
                  <h3>
                    		评论区
                  </h3>
                  <hr/>
                  <a class="pull-left" href="javascript:;">
                    <img class="media-object" src="/img/person_1.png" alt=""/>
                  </a>
                  <div class="media-body">
                    <h4 class="media-heading">
                      Maria Joli
                      <span>
                        |
                      </span>
                      <span>
                        12 July 2014, 10:20
                      </span>
                    </h4>
                    <p>
                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                    </p>
                    <a href="javascript:;">
                      Reply
                    </a>
                    <!-- Nested media object -->
                    <div class="media">
                      <a class="pull-left" href="javascript:;">
                        <img class="media-object" src="/img/person_2.png" alt=""/>
                      </a>
                      <div class="media-body">
                        <h4 class="media-heading">
                          John Doe
                          <span>
                            |
                          </span>
                          <span>
                            12 July 2014, 10:30
                          </span>
                        </h4>
                        <p>
                          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                        </p>
                        <a href="javascript:;">
                          Reply
                        </a>
                      </div>
                    </div>
                    <!--end media-->
                    <hr/>
                    <div class="media">
                      <a class="pull-left" href="javascript:;">
                        <img class="media-object" src="/img/person_3.png" alt=""/>
                      </a>
                      <div class="media-body">
                        <h4 class="media-heading">
                          Jane Doe
                          <span>
                            |
                          </span>
                          <span>
                            12 July 2014, 10:40
                          </span>
                        </h4>
                        <p>
                          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                        </p>
                        <a href="javascript:;">
                          Reply
                        </a>
                      </div>
                    </div>
                    <!--end media-->
                  </div>
                </div>
                <div class="media">
                  <a class="pull-left" href="javascript:;">
                    <img class="media-object" src="/img/person_1.png" alt=""/>
                  </a>
                  <div class="media-body">
                    <h4 class="media-heading">
                      Danny Dev
                      <span>
                        |
                      </span>
                      <span>
                        12 July 2014, 11:10
                      </span>
                    </h4>
                    <p>
                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                    </p>
                    <a href="javascript:;">
                      Reply
                    </a>
                  </div>
                </div>
 </html>